﻿@charset "utf-8";
/***************通用***************/
body,a{color:#fff;}
a:hover{color:#fff;}

.map,
.warpper{float:left;width:100%;height:100%;}

.map{position:absolute;overflow:hidden;z-index:1;}

.warpper{position:relative;z-index:100;}

h1{position:absolute;left:0;top:20px;width:100%;text-align:center;text-shadow:5px 5px 5px #000;}
h1 b{margin-bottom:10px;display:block;font-weight:700;font-size:36px;line-height:1;}
h1 em{font-weight:700;font-size:24px;line-height:1;}
h2{float:left;width:100%;margin-bottom:14px;height:16px;line-height:1;overflow:hidden;}
h2 b{font-size:16px;}
h2 em{margin-left:5px;font-size:12px;opacity:.6;}

.aside{margin:60px 20px 0 20px;width:calc(25% - 40px);height:calc(100% - 60px);overflow:hidden;}
@media(max-width:1440px){
	.aside{width:calc(28% - 40px);}
}
@media(max-width:1360px){
	.aside{width:calc(30% - 40px);}
}

.block_three{float:left;margin-bottom:20px;padding:18px;width:calc(100% - 40px);height:calc(100% / 3 - 40px - 20px);background:rgba(0,2,24,.4);border:2px solid rgba(37,183,178,.4);border-radius:10px;}
.block_three .con{float:left;width:100%;height:calc(100% - 30px);}
.block_three .list{float:left;width:100%;height:calc(100% - 30px);overflow:hidden;font-size:12px;}
.block_three .list li{float:left;padding:8px 0;width:100%;border-bottom:1px dotted rgba(255,255,255,.3);opacity:.9;}
.block_three .list li b{float:left;width:40%;}
.block_three .list li em{float:left;width:30%;text-align:right;}

.block_two{float:left;margin-bottom:20px;padding:18px;width:calc(100% - 40px);height:calc(100% / 2 - 40px - 20px);background:rgba(0,2,24,.4);border:2px solid rgba(37,183,178,.4);border-radius:10px;}
.block_two .con{float:left;width:100%;height:calc(100% - 30px);}

.statistics{float:left;margin-bottom:20px;padding:18px;width:calc(100% - 40px);height:80px;background:rgba(0,2,24,.4);border:2px solid rgba(37,183,178,.4);border-radius:10px;}
.statistics dl{float:left;width:calc(100% / 3);}
.statistics dt{font-size:12px;opacity:.9;}
.statistics dd{margin-top:5px;font-size:12px;font-size:24px;line-height:1;font-family:Arial;}
.statistics dl:nth-child(2) dd{color:#ffe700;}
.statistics dl:nth-child(3) dd{color:#12ff00;}
.statistics dl:nth-child(4) dd{color:#ff0000;}

.block_01{float:left;margin-bottom:20px;padding:18px;width:calc(100% - 40px);height:calc(100% / 3 * 2 - 140px  - 40px - 20px);background:rgba(0,2,24,.4);border:2px solid rgba(37,183,178,.4);border-radius:10px;}
.block_01 dl{float:left;width:50%;}
.block_01 dt{opacity:.9;}
.block_01 dd{margin-top:5px;color:#ffe700;font-size:12px;font-size:24px;line-height:1;font-family:Arial;}
.block_01 .con{margin-top:10px;float:left;width:100%;height:calc(100% - 90px);}

.block_02{float:left;margin-bottom:20px;padding:18px;width:calc(100% - 40px);height:calc(100% / 2 - 70px  - 40px - 20px);background:rgba(0,2,24,.4);border:2px solid rgba(37,183,178,.4);border-radius:10px;}
.block_02 .con{margin-top:10px;float:left;width:100%;height:calc(100% - 30px);}

.block_03{float:left;margin-bottom:20px;padding:18px;width:calc(100% - 40px);height:calc(100% - 390px - 40px - 20px);background:rgba(0,2,24,.4);border:2px solid rgba(37,183,178,.4);border-radius:10px;}

.nav,
.nav li{float:left;width:100%;}
.nav a{float:left;margin-bottom:20px;padding:18px;width:calc(100% - 40px);height:70px;background:rgba(0,2,24,.4);border:2px solid rgba(37,183,178,.4);border-radius:10px;}
.nav a:hover{background:rgba(0,176,170,.4);border:2px solid rgba(7,255,246,1);}
.nav img{float:left;margin:0 20px 0 10px;height:70px;}
.nav b{display:block;margin-top:8px;font-size:18px;}
.nav em{opacity:.5;}

.nav_two,
.nav_two li{float:left;width:100%;}
.nav_two a{float:left;margin-bottom:20px;padding:18px;width:calc(100% - 40px);height:70px;background:rgba(0,2,24,.4);border:2px solid rgba(37,183,178,.4);border-radius:10px;text-align:center;}
.nav_two a:hover{background:rgba(0,176,170,.4);border:2px solid rgba(7,255,246,1);}
.nav_two b{display:block;margin-top:8px;font-size:18px;}
.nav_two em{opacity:.5;}

.block_four{float:left;margin-bottom:20px;padding:18px;width:calc(100% - 40px);height:120px;background:rgba(0,2,24,.4);border:2px solid rgba(37,183,178,.4);border-radius:10px;}
.block_four .main{float:left;width:100%;height:90px;}
.block_four .info{float:left;width:100px;height:100%;}
.block_four .info em{font-size:12px;opacity:.9;}
.block_four .info b{display:block;color:#ffe700;font-size:18px;line-height:20px;}
.block_four .info b:nth-child(2){margin-bottom:8px;}
.block_four .con{float:right;width:calc(100% - 120px);height:100%;}

.service{float:left;margin-bottom:20px;padding:18px;width:calc(100% - 40px);height:calc(100% / 3 - 40px - 20px);background:rgba(0,2,24,.4);border:2px solid rgba(37,183,178,.4);border-radius:10px;}
.service ul{float:left;width:100%;height:calc(100% - 30px);overflow:hidden;font-size:12px;}
.service li{float:left;width:25%;opacity:.9;}
.service li b{margin-bottom:5px;display:block;color:#ffe700;font-size:16px;}

.fill{float:left;width:100%;height:9%;}